<!-- 样式2: 横向用户列表 -->
<div class="horizontal-list">
    <!-- 有头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=10" alt="陈静的头像" class="avatar-img">
        </div>
        <div class="user-info">
            <h3 class="user-name">陈静</h3>
            <p class="user-bio">插画师，喜欢创作治愈系插画作品</p>
            <button class="follow-btn">关注</button>
        </div>
    </div>

    <!-- 无头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <div class="avatar-placeholder">刘强</div>
        </div>
        <div class="user-info">
            <h3 class="user-name">刘强</h3>
            <p class="user-bio">健身教练，分享科学健身知识</p>
            <button class="follow-btn">关注</button>
        </div>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=12" alt="赵敏的头像" class="avatar-img">
        </div>
        <div class="user-info">
            <h3 class="user-name">赵敏</h3>
            <p class="user-bio">读书爱好者，分享读书笔记和推荐</p>
            <button class="follow-btn following">已关注</button>
        </div>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=13" alt="孙亮的头像" class="avatar-img">
        </div>
        <div class="user-info">
            <h3 class="user-name">孙亮</h3>
            <p class="user-bio">独立音乐人，分享原创音乐作品</p>
            <button class="follow-btn">关注</button>
        </div>
    </div>

    <!-- 无头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <div class="avatar-placeholder">周琳</div>
        </div>
        <div class="user-info">
            <h3 class="user-name">周琳</h3>
            <p class="user-bio">旅行博主，探索小众旅行目的地</p>
            <button class="follow-btn">关注</button>
        </div>
    </div>

    <!-- 有头像的用户 -->
    <div class="user-card horizontal-user-card">
        <div class="avatar">
            <img src="https://picsum.photos/200/200?random=15" alt="吴杰的头像" class="avatar-img">
        </div>
        <div class="user-info">
            <h3 class="user-name">吴杰</h3>
            <p class="user-bio">游戏开发者，分享开发经验和见解</p>
            <button class="follow-btn">关注</button>
        </div>
    </div>
</div>

